﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />

   
    <link href="../CSS/main2.css" rel="stylesheet" />
    <!--<link href="../CSS/default1.css" rel="stylesheet">-->
    <!--<link href="../CSS/base1.css" rel="stylesheet">-->
    
    <link href="../CSS/style1.css" rel="stylesheet">
    <link href="../CSS/reset.css" rel="stylesheet" />
    <link href="../CSS/base.css" rel="stylesheet">
    <script src="../JS/jquery-1.11.2.min.js"></script>
    <script src="../JS/avalon1.47.js"></script>
    <script src="../JS/16sucai.js"></script>
    <script src="../JS/jq_scroll.js"></script>
    
    <script src="../JS/jquery.SuperSlide.2.1.1.js"></script>
    <script src="../JS/jquery.SuperSlide.2.1.1.source.js"></script>
    
    <script src="/View/JS/FTCommon.js"></script>
    <style>
        body {
            font: 12px/1.5 "Microsoft YaHei",SimSun,Tahoma, Helvetica, Arial, sans-serif;
        }

        * ul, li, p {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .mF_expo2010 {
            position: relative;
            width: 640px;
            height: 380px;
            overflow: hidden;
            font: 14px Microsoft Yahei;
            background: #fff;
            margin-top: 0px;
        }

            .mF_expo2010 .loading {
                position: absolute;
                z-index: 9999;
                width: 100%;
                height: 100%;
                color: #666;
                text-align: center;
                padding-top: 90px;
                background: #fff url(loading.gif) center -40px no-repeat;
            }
            /*载入画面*/
            .mF_expo2010 .pic li {
                position: absolute;
                left: 0px;
                top: 0px;
            }

                .mF_expo2010 .pic li img {
                    width: 640px;
                    height: 380px;
                }
            /*图片和焦点图框架一样大小*/
            .mF_expo2010 .txt li {
                position: absolute;
                z-index: 2;
                left: 0;
                width: 640px;
                height: 36px;
                line-height: 36px;
                overflow: hidden;
                left: 0px;
            }

                .mF_expo2010 .txt li a {
                    display: block;
                    color: #fff;
                    padding: 2px 0 0 16px;
                    font-size: 14px;
                    text-decoration: none;
                }
            /*标题样式*/
            .mF_expo2010 .txt-bg {
                position: absolute;
                bottom: 0;
                z-index: 1;
                width: 640px;
                height: 36px;
                overflow: hidden;
                background: #000;
                filter: alpha(opacity=40);
                opacity: 0.4;
                left: 0px;
            }
            /*标题背景*/
            .mF_expo2010 .num, .mF_expo2010 .num-bg {
                position: absolute;
                z-index: 3;
                bottom: 8px;
                right: 8px;
                color: #fff;
            }
                /*按钮样式*/
                .mF_expo2010 .num li, .mF_expo2010 .num-bg li {
                    float: left;
                    width: 22px;
                    height: 18px;
                    line-height: 18px;
                    overflow: hidden;
                    text-align: center;
                    margin-right: 1px;
                    cursor: pointer;
                }

                .mF_expo2010 .num-bg li {
                    background: #fff;
                    filter: alpha(opacity=50);
                    opacity: 0.5;
                }

        .zc {
            display: block;
            width: 360px;
            height: 40px;
            background-color: green;
            text-align: center;
            line-height: 40px;
            margin-top: 20px;
            color: white;
        }

        .dl {
            display: block;
            width: 360px;
            height: 40px;
            background-color: cornflowerblue;
            text-align: center;
            line-height: 40px;
            color: white;
        }
        /*按钮背景*/
        .mF_expo2010 .num li.current, .mF_expo2010 .num li.hover {
            background: #F60;
        }

        .hiSlider-wrap {
            min-height: 360px !important;
        }
        /*当前/悬停按钮背景*/
    </style>

    <script>
        $(function () {

            $("#scrollDiv").Scroll({ line: 1, speed: 1500, timer: 6000, up: "but_up", down: "but_down" });
            function showimg(a) {
                $countli.eq(index).addClass("active")
                .siblings().removeClass("active");

                $listli.eq(index).stop(true, true).fadeIn()
                .siblings().fadeOut();
            }




        })





        function dlXaoYou() {
            if ($("#usercode").val() == "") {
                alert("请填写用户名!");
                return false;
            }
            if ($("#password").val() == "") {
                alert("请填写密码!");
                return false;
            }
            $("#form1").submit();
        }

        function searchXW() {
            if ($("#content").val() == "") {
                alert("检索内容不能为空!");
                return false;
            }
            $("#form2").submit();
        }
    </script>
    <script>
        var model = avalon.define({
            $id: "main",
            xwdata: [],
            jzdata: [],
            lzpdata:[],
            tpdata: [],//图片新闻
            xydtdata: [],//x校友动态
            mxywdata: [],//母校要闻
            xyfcdata: [],//校友风采
            xyfcpicdata: [],//校友风采图片
            xyqydata: [],//校友企业
            xyqypicdata: []//校友企业图片

        })
        avalon.ready(function () {
            $.getJSON("/API/VIEWAPI.ashx?Action=Commanage_GETINDEXLIST&r=" + Math.random(), { P1: "" }, function (resultData) {
                if (resultData.ErrorMsg == "") {
                    model.xwdata = resultData.Result;
                    model.tpdata = resultData.Result2;
                    model.xydtdata = resultData.Result3;
                    model.mxywdata = resultData.Result4;

                    ////resultData.re
                    $('.hiSlider1').hiSlider({
                        isFlexible: false
                    });
                }
            })

            $.getJSON("/API/VIEWAPI.ashx?ACTION=Commanage_JZMX&r=" + Math.random(), { P1: "" }, function (result) {
                if (result.ErrorMsg == "") {
                    model.jzdata = result.Result;
                }
            })

            $.getJSON("/API/VIEWAPI.ashx?Action=Commanage_GETINDEXLIST1&r=" + Math.random(), { P1: "" }, function (resultData) {
                if (resultData.ErrorMsg == "") {
                    model.xyfcpicdata = resultData.Result;
                    model.xyfcdata = resultData.Result1;

                    model.xyqypicdata = resultData.Result2;
                    model.xyqydata = resultData.Result3;
                    model.lzpdata = resultData.Result4;

                    ////resultData.re
                    //$('.hiSlider1').hiSlider({
                    //    isFlexible: false
                    //});
                }
            })

        })
    </script>

</head>
<body ms-controller="main">
    <div class="eyeview content">
        <div class="fl s_w640 s_h360 zy-h320" >
            <ul class="hiSlider hiSlider1" style="width: 600px;height:380px">
                <li class="hiSlider-item" ms-repeat-el="tpdata">
                   <!-- <img  ms-attr-src="/View/Comon/DownLoadFile.aspx?FileID={{(el.Files ? el.Files.split(',')[0] : '0') }}"  onerror="javascript:this.src='/Web/image/1.png'" ms-attr-alt="{{el.Title}}">-->
                    <img ms-attr-src="{{el.imgurl}}" onerror="javascript:this.src='/Web/image/1.png'" ms-attr-alt="{{el.Title}}" style="width:600px;height:380px">

                 </li>
            </ul>

        </div>
        <div class="s_w359" style="float: right">
            <div class="login h380 zy-login zy-h285">
                <div class="s_mart0 zy-mar">
                    <div class="loginTitle"><a href="###" target="_blank">校友社区</a></div>
                    <div style="width: 100%; margin-top: 30px">

                        <div>
                            <a href="/Web/login.html" class="dl" target="_blank">登陆</a>
                        </div>
                        <div>
                            <a href="/Web/html/zhuce.html" class="zc" target="_self" style="">注册</a>
                        </div>
                    </div>
                    <div style="text-align: center">
                        <img src="../image/WUXIEWM.jpg" style="width: 140PX; height: 140PX; margin-top: 20PX" />
                        <div style="margin-top: 5PX; color: cornflowerblue; font-size: 14PX">扫一扫关注校友会公众号</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="boxTemp news mt11 fl w612 h317 tabBox">
            <h2>
                <!--beginblock id=ydxy-xwgg styleuuid=ca2a64f490654cd6a008e718fa46dcb4 -->
                <span class="t active">新闻资讯</span><a href="Content.html?class=1" class="more" target="_blank">more</a>
                <!--endblock -->
            </h2>
            <ul class="newsList">
                <!--beginblock id=ydxy-xwgglist styleuuid=879d17bf657d44699a8a32a7c7d1c433 -->
                <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-top: 8px;">
                    <tbody>
                        <tr ms-repeat-el="xwdata">
                            <td height="27">
                                <span style="color: #a9a9a9; padding-right: 8px;">【{{el.Name}}】</span><a  ms-attr-href="../xwcontent.html?ID={{el.ID}}">
                                    {{el.Title}}
                                </a>
                            </td>
                            <td width="90" align="right">[{{el.CRDate|date("yyyy-MM-dd")}}]</td>
                        </tr>
                    </tbody>
                </table>
                <!--endblock -->

            </ul>
        </div>
        <div class="boxTemp contribute fr  mt11 h317" style="width: 360px">
            <h2>
                <!--beginblock id=ydxy-jzmx styleuuid=ca2a64f490654cd6a008e718fa46dcb4 -->
                <span class="t active">捐赠鸣谢</span><a href="jzmx.html" class="more" target="_blank">more</a>
                <!--endblock -->
            </h2>
            <div class="" style="overflow: hidden; height: 276px; width: 360px; margin-top: 12px;">

                <script type="text/javascript">

                    function startmarquee(lh, speed, delay) {
                        var p = false;
                        var t;
                        var sh;
                        var o = document.getElementById("marqueebox");
                        o.innerHTML += o.innerHTML;
                        o.style.marginTop = 0;
                        o.onmouseover = function () { p = true; }
                        o.onmouseout = function () { p = false; }
                        function start() {
                            sh = o.offsetHeight;
                            o.style.height = sh;
                            t = setInterval(scrolling, speed);
                            if (!p) o.style.marginTop = parseInt(o.style.marginTop) - 1 + "px";
                        }
                        function scrolling() {
                            if (parseInt(o.style.marginTop) % lh != 0) {
                                o.style.marginTop = parseInt(o.style.marginTop) - 1 + "px";
                                if (Math.abs(parseInt(o.style.marginTop)) >= sh / 2) o.style.marginTop = 0;
                            } else {
                                clearInterval(t);
                                setTimeout(start, delay);
                            }
                        }
                        setTimeout(start, delay);
                    }
                </script>
                <div style="width: 100%; height: 265px; overflow: hidden; border: 0px solid #000000">
                    <div id="marqueebox" style="margin-top: -459px; height: 2040px;">
                        <ul class="jz">
                            <li style="color: black" ms-repeat-el="jzdata">{{el.name}}
                                <br>
                                <span style="color: #999;">{{el.xmmc}} | </span><span style="color: #999;">{{el.rq|date("yyyy-MM-dd")}} | 金额：<font color="black">{{el.je}}</font> </span>
                            </li>

                        </ul>
                    </div>
                </div>
                <script type="text/javascript">
                    startmarquee(51, 20, 3000);
                </script>


            </div>

        </div>

        <div class="boxTemp news mt11 fl w612 h317 tabBox">
            <h2>
                <!--beginblock id=ydxy-xwgg styleuuid=ca2a64f490654cd6a008e718fa46dcb4 -->
                <span class="t active">校友动态</span><a href="Content.html?class=1&type=5" class="more" target="_blank">more</a>
                <!--endblock -->
            </h2>
            <ul class="newsList">
                <!--beginblock id=ydxy-xwgglist styleuuid=879d17bf657d44699a8a32a7c7d1c433 -->
                <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-top: 8px;">
                    <tbody>
                        <tr ms-repeat-el="xydtdata">
                            <td height="27">
                                <span style="color: #a9a9a9; padding-right: 2px;"></span><a ms-attr-href="../xwcontent.html?ID={{el.ID}}" >
                                    {{el.Title}}
                                </a>
                            </td>
                            <td width="90" align="right">[{{el.CRDate|date("yyyy-MM-dd")}}]</td>
                        </tr>
                    </tbody>
                </table>
                <!--endblock -->

            </ul>
        </div>
        <div class="boxTemp recall company fr  mt11" style="width: 360px">
            <h2>
                <span class="t active">校友风采</span><a href="Content.html?class=42&type=43" class="more" target="_blank">more</a>
               
            </h2>
            
            <div   ms-repeat-item="xyfcpicdata" ms-attr-id="{{item.ID}}">
                
               
                <img style="height:140px;width:120px ;float: left; margin-top: 15PX" ms-attr-src="/View/Comon/DownLoadFile.aspx?FileID={{(item.Files ? item.Files.split(',')[0] : '0') }}" onerror="javascript: this.src = '/Web/image/demo.jpg'" ms-attr-alt="{{item.Title}}" />

            </div>
           
            <ul class="newsList" style="margin: 0PX; float: right; width: 220PX;margin-right:8px">
                <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-top: 10px;">
                    <tbody>
                        <tr ms-repeat-el="xyfcdata">
                            <td height="27">
                                <!--<a ms-repeat-item="TZGGData" ms-attr-title="{{item.Title}}" ms-attr-href="news-tzgg-detailed.html?ID={{item.ID}}"><span class="ntext">{{ComFunJS.convstr(item.Title,15)}}</span><span class="ntay">[{{item.CRDate|date('MM-dd')}}]</span></a>-->

                                <span style="color: #a9a9a9; padding-right:3px;"></span><a  ms-attr-title="{{el.Title}}" ms-attr-href="../xwcontent.html?ID={{el.ID}}"><span class="ntext">{{ComFunJS.convstr(el.Title,18)}}</span><span class="ntay">
                                                                                            
</a>
                            </td>
                            <!--<td width="90" align="right" margin-right="5px">[{{el.CRDate|date("yyyy-MM-dd")}}]</td>-->
                        </tr>
                    </tbody>
                </table>
            </ul>

        </div>

        <div class="boxTemp news mt11 fl w612 h270 tabBox">
            <h2>
                <!--beginblock id=ydxy-xwgg styleuuid=ca2a64f490654cd6a008e718fa46dcb4 -->
                <span class="t active">母校要闻</span><a href="Content.html?class=1&type=52" class="more" target="_blank">more</a>
                <!--endblock -->
            </h2>
            <ul class="newsList">
                <!--beginblock id=ydxy-xwgglist styleuuid=879d17bf657d44699a8a32a7c7d1c433 -->
                <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-top: 8px;">
                    <tbody>
                        <tr ms-repeat-el="mxywdata">
                            <td height="27">
                                <span style="color: #a9a9a9; padding-right: 2px;"></span><a  ms-attr-href="../xwcontent.html?ID={{el.ID}}">
                                    {{el.Title}}
                                </a>
                            </td>
                            <td width="90" align="right">[{{el.CRDate|date("yyyy-MM-dd")}}]</td>
                        </tr>
                    </tbody>
                </table>
                <!--endblock -->

            </ul>
        </div>
        <div class="boxTemp famous fr  mt11" style="width: 360px">
            <h2>
                <span class="t active">校友企业</span><a href="Content.html?class=42&type=44" class="more" target="_blank">more</a>
                <!--<a href="javascript:void(0);" onclick="showMsg()" class="t active">校友企业</a><a href="Content.html?class=42" onclick="showMsg()" class="more">more</a>-->
            </h2>
            <div ms-repeat-item="xyqypicdata" ms-attr-id="{{item.ID}}">


                <img style="height:140px;width:120px ;float: left; margin-top: 15PX" " ms-attr-src="/View/Comon/DownLoadFile.aspx?FileID={{(item.Files ? item.Files.split(',')[0] : '0') }}" onerror="javascript: this.src = '/Web/image/demo.jpg'" ms-attr-alt="{{item.Title}}" />

            </div>

            <ul class="newsList" style="margin: 0PX; float: right; width: 220PX;margin-right:8px">
                <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-top: 10px;">
                    <tbody>
                        <tr ms-repeat-el="xyqydata">
                            <td height="27">
                                <!--<a ms-repeat-item="TZGGData" ms-attr-title="{{item.Title}}" ms-attr-href="news-tzgg-detailed.html?ID={{item.ID}}"><span class="ntext">{{ComFunJS.convstr(item.Title,15)}}</span><span class="ntay">[{{item.CRDate|date('MM-dd')}}]</span></a>-->

                                <span style="color: #a9a9a9; padding-right:3px;"></span><a ms-attr-title="{{el.Title}}" ms-attr-href="../xwcontent.html?ID={{el.ID}}">
                                    <span class="ntext">{{ComFunJS.convstr(el.Title,18)}}</span><span class="ntay">

                                </a>
                            </td>
                            <!--<td width="90" align="right" margin-right="5px">[{{el.CRDate|date("yyyy-MM-dd")}}]</td>-->
                        </tr>
                    </tbody>
                </table>
            </ul>
           
        </div>
        <div class="cl bu"></div>

       <!--
        <div class="nkCont5 wrapper1075 margin clear">

            <d--v class="nkContL">
                <div class="nkContTitle2 clear">
                    <div class="left nkContTitleL tc">合作机构</div>
                    <a class="right moreRight f12" href="news1.html?lb=39" target="_blank">MORE</a>
                </div>
                <div class="nkContList2 f14">
                    <div class="chyboxCon clear">
                        <div class="main003">

                            <div class="hl_scrool_leftbtn2"><img src="images/wxjx11.png"></div>-

                            <div class="hl_main5_content3">
                                <ul id="demo2" class="demoList">
                                    <li ms-repeat-item="lzpdata" ms-attr-id="{{item.ID}}">
                                        <a ms-attr-href="../xwcontent.html?ID={{item.ID}}" group="group1" ms-attr-title="{{item.Title}}">
                                            <img ms-attr-src="{{el.imgurl}}" onerror="javascript:this.src='/app/images/1.png'" ms-attr-alt="{{item.Title}}" />

                                           
                                            <h1 ms-attr-href="news-detailed2.html?ID={{item.ID}}">{{item.Title}}</h1>
                                           

                                        
                                        </a>
                                    </li>
                                   

                                </ul>
                            </div>
                          
                        </div>
                        <script type="text/javascript">
		var flag = "left";

		function DY_scroll1(wraper, prev, next, img, imga, speed, or) {
			var wraper = $(wraper);
			var prev = $(prev);
			var next = $(next);
			var img = $(img).find('ul');
			var imga = $(imga).find('ul li');
			var w = img.find('li').outerWidth(true);
			var s = speed;
			next.click(function() {
				img.animate({
					'margin-left': -w
				} , function() {
					img.find('li').eq(0).appendTo(img);
					img.css({
						'margin-left': 0
					});
				});
				flag = "left";
			});
			prev.click(function() {
				img.find('li:last').prependTo(img);
				img.css({
					'margin-left': -w
				});
				img.animate({
					'margin-left': 0
				} );
				flag = "right";
			});
			if(imga.length > 2) {
				if(or == true) {
					ad = setInterval(function() {
						flag == "left" ? next.click() : prev.click()
					}, s * 1500);
					wraper.hover(function() {
						clearInterval(ad);
					}, function() {
						ad = setInterval(function() {
							flag == "left" ? next.click() : prev.click()
						}, s * 500);
					});
				}
			}

		}
		DY_scroll1('.hl_main5_content3', '.hl_scrool_leftbtn2', '.hl_scrool_rightbtn2', '.hl_main5_content3', '.hl_main5_content3', 2, true); // true为自动播放，不加此参数或false就默认不自动

                        </script>
                    </div>
                </div>
            </div>
   -->

       


        <div class="cl"></div>
        <style>
            #lzp .inner {
                position: relative;
                background: url(/web/image/lzp.jpg) no-repeat;
                height: 275px;
                margin-top: 15px;
                margin-bottom: 15px;
                margin-left: 24px;
            }

            .lzp {
                width: 760px;
                height: 200px;
                margin-left: 164px;
                padding-top: 40px;
                margin-right: 0px;
            }

            .list_con {
            }

                .list_con .inner {
                    margin-top: 15px;
                    background: #e6faff;
                }

            .more1 {
                position: absolute;
                right: 0px;
                top: 12px;
            }

            .more2 {
                position: absolute;
                right: 33px;
                top: 50%;
                width: 16px;
                height: 16px;
            }

            #nav .menuitems1 a:hover {
                color: #000;
            }

            .xyfc img {
                margin-right: 20px;
            }

            .xyhd {
                margin-top: 33px;
            }

            .xyfc1 {
                margin-top: 27px;
            }

            .chan_tit_td_26 {
                padding-left: 50px;
                height: 45px;
                line-height: 45px;
            }

                .chan_tit_td_26 a {
                    font-size: 14px;
                    font-family: "瀹嬩綋";
                    color: #00739c;
                    font-weight: bold;
                }

            .chan_con_td_26 {
                font-size: 12px;
                font-family: "瀹嬩綋";
                line-height: 25px;
                width: 225px;
                padding-left: 50px;
            }
        </style>
        
        <!--<div class="wrapper" id="lzp">
            <div class="inner">
                <div class="lzp">-->
                    <!--<div class="more2">
                        <div align="right">
                     
                        </div>
                    </div>-->
        <div class="nkCont5 wrapper800 margin clear" id="lzp">
            <div class="inner">
                <div class="lzp">
                    <div class="nkContL">
                        <div class="nkContTitle2 clear">
                        <!--<div class="left nkContTitleL tc">laozhaop</div>-->
                        <a class="right moreRight f12" href="Content.html?class=42&type=53" target="_blank">MORE</a>
                    </div>
                        <div class="nkContList2 f14">
                            <div class="chyboxCon clear">
                                <div class="main003">

                                    <div class="hl_scrool_leftbtn2"><img src="../image/wxjx11.png"></div>

                                    <div class="hl_main5_content3">
                                        <ul id="demo2" class="demoList">
                                            <li ms-repeat-item="lzpdata" ms-attr-id="{{item.ID}}">
                                                <a ms-attr-href="../xwcontent.html?ID={{item.ID}}" group="group1">
                                                    <img ms-attr-src="{{item.imgurl}}" onerror="javascript:this.src='/app/images/1.png'" " />


                                                    <h1 ms-attr-href="news-detailed2.html?ID={{item.ID}}">{{item.Title}}</h1>

                                                </a>
                                            </li>


                                        </ul>
                                    </div>
                                    <div class="hl_scrool_rightbtn2"><img src="../image/wxjx12.png"></div>
                                </div>
                                <script type="text/javascript">
                                    var flag = "left";

                                    function DY_scroll1(wraper, prev, next, img, imga, speed, or) {
                                        var wraper = $(wraper);
                                        var prev = $(prev);
                                        var next = $(next);
                                        var img = $(img).find('ul');
                                        var imga = $(imga).find('ul li');
                                        var w = img.find('li').outerWidth(true);
                                        var s = speed;
                                        next.click(function () {
                                            img.animate({
                                                'margin-left': -w
                                            } /*,1500,'easeOutBounce'*/, function () {
                                                img.find('li').eq(0).appendTo(img);
                                                img.css({
                                                    'margin-left': 0
                                                });
                                            });
                                            flag = "left";
                                        });
                                        prev.click(function () {
                                            img.find('li:last').prependTo(img);
                                            img.css({
                                                'margin-left': -w
                                            });
                                            img.animate({
                                                'margin-left': 0
                                            } /*,1500,'easeOutBounce'*/);
                                            flag = "right";
                                        });
                                        if (imga.length > 2) {
                                            if (or == true) {
                                                ad = setInterval(function () {
                                                    flag == "left" ? next.click() : prev.click()
                                                }, s * 1500);
                                                wraper.hover(function () {
                                                    clearInterval(ad);
                                                }, function () {
                                                    ad = setInterval(function () {
                                                        flag == "left" ? next.click() : prev.click()
                                                    }, s * 500);
                                                });
                                            }
                                        }

                                    }
                                    DY_scroll1('.hl_main5_content3', '.hl_scrool_leftbtn2', '.hl_scrool_rightbtn2', '.hl_main5_content3', '.hl_main5_content3', 2, true); // true为自动播放，不加此参数或false就默认不自动

                                </script>
                            </div>
                        </div>

                    </div>
                </div>
                </div>
            </div>
            <!--</div>-->


            </div>
</body>
</html>
